<template>
  <div class="content">
    <page-header sub-title="拼多多活动优惠券"></page-header>
    <div style="padding-top: 10px;padding-bottom: 10px;margin: auto;">
      <img width="100%" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/5a296688-43c9-4ce9-8262-5e5115d6772d.png" >
      <couponCard1 class="coupon-card1" v-for="(item,index) in webData"
        :title="item.title"
        :cover="item.cover"
        :introduce="item.introduce"
        @cardClick="global.openUrl(item.url)"
        @btnClick="global.openUrl(item.url)"/>
    </div>
    <a-modal
          v-model="modalVisible"
          closable
          centered
          :footer="null">
          <p style="font-size: 0.1rem;font-weight: 700;">{{modalTitle}}</p>
          <img width="100%" :src="modalImage" >
    </a-modal>

  </div>
</template>

<script>
  import couponCard from '@/components/common/coupon-card/coupon-card.vue'
  import couponCard1 from '@/components/common/coupon-card/coupon-card1.vue'
  export default {
    components:{
      couponCard,
      couponCard1
    },
    head() {
      return {
        title: '小R资源 | 拼多多优惠券',
        meta: [
          {
            name: 'keywords',
            content: '拼多多活动,拼多多优惠券,拼多多内部优惠券'
          },
          {
            name: 'description',
            content: '免费领取拼多多优惠券，领各种拼多多购物活动，全场1块9低价包邮'
          }
        ]
      }
    },
    data() {
      return {
        // 网页版活动
        webData: [
          {
            title: '拼多多领券中心',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/05393740-dc2b-454c-a048-7a7873333d89.png',
            url: 'https://mobile.yangkeduo.com/duo_transfer_channel.html?resourceType=40000&pid=21708809_211675828&cpsSign=CE_211114_21708809_211675828_541227100415dfc2e8f6eaf3583b8aa2&duoduo_type=2',
            introduce: '大额优惠券等你来，最低1折'
          },
          {
            title: '全场1块9低价包邮',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/da4e3ec6-80df-48c3-a6c1-3c932163781b.png',
            url: 'https://mobile.yangkeduo.com/duo_nine_nine.html?pid=21708809_211675828&cpsSign=CM_211114_21708809_211675828_5515d333f70049f253baaf432471c4b3&duoduo_type=2',
            introduce: '更有超多大额优惠券发放中',
          },
          {
            title: '百亿补贴',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/1ac7b220-8921-4e03-b66e-fe213228ea6c.png',
            url: 'https://mobile.yangkeduo.com/duo_transfer_channel.html?resourceType=39996&pid=21708809_211675828&_pdd_fs=1&_pdd_tc=ffffff&_pdd_sbs=1&cpsSign=CE_211114_21708809_211675828_4fe3b5805fb6cca850f9c08431ec4605&duoduo_type=2',
            introduce: '官方百亿补贴，全场品质保障，全网最低',
          },
          {
            title: '刮卡领现金',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/51646513-315e-4a03-a465-d8099c2a776a.png',
            url: 'https://mobile.yangkeduo.com/duo_collection.html?__page=dynamic&pid=21708809_211675828&duoduo_type=2',
            introduce: '最高20元，可用于购物抵扣'
          },
          {
            title: '砸金蛋，赢大奖！',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/ff2c87e9-8a51-4208-82a5-ffc107c7874b.png',
            url: 'https://mobile.yangkeduo.com/duo_gold_center.html?__page=zjd&pid=21708809_211675828&overdueReopen=1&cpsSign=CGE_211114_21708809_211675828_51d7c2ebe6ffd49fb325da2d85e4b8cb&duoduo_type=2',
            introduce: '最高可领88元，先到先得！'
          },
          {
            title: '充话费充流量',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/130902f2-eb23-4d70-aa21-c013eabf47b1.png',
            url: 'https://mobile.yangkeduo.com/duo_transfer_channel.html?resourceType=39997&pid=21708809_211675828&cpsSign=CE_211114_21708809_211675828_e9663530bdaaa82139b4af20a1e7a161&duoduo_type=2',
            introduce: '限时优惠，极速到账，立减7元'
          }
        ],
        modalVisible: false,
        modalImage: '',
        modalTitle: '',
      }
    },
    created() {
    },
    methods: {
    }
  }
</script>

<style scoped>
  .content {
    width: 100%;
  }
  .coupon-card1 {
    width: 90%;
    margin: 0.2rem auto 0.2rem auto;
  }
</style>
